//run at page load
jQuery(document).ready(function() {
	//if no data in arrayMs, skip the process
	if(arrayMs == null || arrayMs.length < 1)
		return;
	
	//draw to table
	var msTable = jQuery("table#ms_table");
	//clear the old data
	var intr = msTable.children('tbody').children('tr');
	if (intr.length > 1)
		intr.next().remove();
		
	//draw data
	for(var i = 0; i < arrayMs.length; i++) {
		var aRow = jQuery("<tr/>").appendTo(msTable);
		var ltd = jQuery("<td/>").appendTo(aRow);
		var rtd = jQuery("<td/>").appendTo(aRow);
		
		//inner table @ left td
		var innerTb = jQuery("<table width='100%' />").appendTo(ltd);
		//order
		var innRow = jQuery("<tr />").appendTo(innerTb);
		jQuery("<td>Order:</td>").appendTo(innRow);
		var inntd = jQuery("<td>"+ arrayMs[i].order+ "</td>").appendTo(innRow);
		//name
		innRow = jQuery("<tr />").appendTo(innerTb);
		jQuery("<td>Name:</td>").appendTo(innRow);
		inntd = jQuery("<td>"+ arrayMs[i].name+ "</td>").appendTo(innRow);
		//criteria
		innRow = jQuery("<tr />").appendTo(innerTb);
		jQuery("<td>Criteria:</td>").appendTo(innRow);
		inntd = jQuery("<td />").appendTo(innRow);
		//textarea for criteria
		var innTarea = jQuery("<textarea rows=\"5\" cols=\"40\" readonly=\"readonly\"/>");
		innTarea.val(arrayMs[i].criteria);
		innTarea.appendTo(inntd);
		//mark
		jQuery("<span>"+ arrayMs[i].mark+ "</span>").appendTo(rtd);
	}
});